import { NavBar, Popup } from "antd-mobile"
import React from "react"

const UserPopup = ({ visible1, setVisible1 }) => {
    const back = () => {
        setVisible1(false)
    }

    return (
        <div>
            <Popup
                visible={visible1}
                onMaskClick={() => {
                    setVisible1(false)
                }}
                onClose={() => {
                    setVisible1(false)
                }}
                bodyStyle={{ height: '100vh' }}
            >
                <NavBar onBack={back}>
                    <input></input>
                </NavBar>
                <p>当前定位:北京</p>
                <span>热门城市:</span>
                <span>北京</span>
                <span style={{ margin: '0 20px' }}>天津</span>
                <span>上海</span>
            </Popup>
        </div>
    )
}
export default React.memo(UserPopup)